<template>
  <img :src="img" />
</template>

<script>
export default {
  props: {
    status: {
      type: [Number],
      default: 0,
    },
  },
  computed: {
    img() {
      if (this.status === 6) {
        return require("../assets/Elements/v1_blueCDMA.png");
      } else if (this.status === 1) {
        return require("../assets/Elements/v1_redCDMA.gif");
      } else if (this.status === 2) {
        return require("../assets/Elements/v1_pinkCDMA.gif");
      } else if (this.status === 3) {
        return require("../assets/Elements/v1_orangeCDMA.gif");
      } else if (this.status === 4) {
        return require("../assets/Elements/v1_yellowCDMA.gif");
      } else if (this.status === 5) {
        return require("../assets/Elements/v1_grayCDMA.gif");
      } else {
        return null;
      }
    },
  },
};
</script>

<style></style>
